<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>user page</title>

<link href="../../public/css/jquery.treeTable.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../public/js/jquery.js"></script> 
<script type="text/javascript" src="../../public/js/jquery.treeTable.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
       
  
   
    });
</script>
</head>
  
    <body>
       
        <?php $history=$this->historylatefine;
        ?>
        <div id="details">
           
            <table id="details" border="1" cellpadding="5px"  cellspacing="2px">
                <tr>
                    <td style="background: #d0e4fe;">
                        Month/Year
                    </td >
                    <?php for($i=count($history);$i>0;$i--){ ?>
                    <td align="center" style="background: #d0e4fe;">
                        <?php echo $history[$i]['month']."-".$history[$i]['year']; ?>
                    </td>
                    <?php } ?>
                </tr>
                <tr>
                    <td style="background: #d0e4fe;">
                        Late Fines
                    </td>
                    <?php for($i=count($history);$i>0;$i--){ ?>
                    <td align="center">
                        <?php echo $history[$i]['lateFine']; ?>
                    </td>
                    <?php } ?>
                </tr>
                
                
            </table>
          
        </div>
            
    </body>
</html>